<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>课程表</title>



        <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
    <script>
        /*声明：此图案来自https://blog.csdn.net/qq_45204987/article/details/97763245*/
        L2Dwidget.init({
            "model": {

                jsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json",
                "scale": 1
            },
            "display": {
                "position": "right",
                "width": 100,
                "height": 200,
                "hOffset": 400,
                "vOffset": -40
            },
            "mobile": {
                "show": true,
                "scale": 0.5
            },
            "react": {
                "opacityDefault": 0.7,
                "opacityOnHover": 0.2
            }
        });
    </script>


     <style>

    body{
      margin:0% auto;
      padding:0;
      width:1080px;
      height:1450px;
      background: url("../static/images/1126.jpg");
      text-align:center;
      }

@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
    body>div{
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }
    div,form,ul,ol,li,span,p,dl,dt,dd,img{
          margin: 0;
          padding: 0;
          border: 0;
    }
    h1,h2,h3,h4,h5,h6{
        margin: 0;
        padding: 0;
        font-size: 12px;
        font-weight: normal;
    }
    ul,ol,li{
        list-style: none;
    }  /*清除列表默认样式*/
/*设置浮动*/
      .fl{float: left;}
/*课程背景颜色*/
      .xsyzc{background-color:	#008B8B;}
      .czxt{background-color:#A349A4;}
      .ui{background-color:	#00BFFF;}
      .dl{background-color:	#48D1CC;}
      .sjsj{background-color:	#ADD8E6;}
      .ps{background-color:	#87CEEB;}
      .rg{background-color:	#00FA9A;}
      .web{background-color:#804040;}
      .nr{
        width:890px;
        height:1250px;
        background-image: url(bg.jpg);
        margin: 0 auto;
      }

/*设置标题CSS规则*/
      .bt{
        padding-top: 35px;
        margin: 0 auto;
      }
      .bt p{
        font-size: 60px; font-family: 楷体;color: #fff;
      }
/*设置星期CSS规则*/
      .TL{
        width: 890px;
        height: 4px;
        background-color: #d2d2d2;
        margin-top: 30px;
      }
      .Week{
        width: 890px;
        height: 58px;
        background-color: #fff;
        filter: alpha(opacity=60);
        opacity: 0.6;
      }
      .Week ul{
        padding-left:80px;
      }
      .Week ul li{
        font-family: 华文宋体;
        font-size: 26px;
        color: #333;
        text-align: center;
        width: 100px;
        line-height: 56px;
      }
/*设置节次CSS规则*/
      .Source{
        width: 890px;
        height: 1228px;
        margin-top: 3px;
        background-image: url("../static/images/112.jpg");
      }
      .Num{
        width: 60px;
        height: 1230px;
        margin-top: 1px;
        background-color: #fff;
        filter: alpha(opacity=60);
        opacity: 0.6;
      }
      .Num ul li{
        font-family: 华文宋体;
        font-size: 26px;
        color: #333;
        width: 60px;
        height: 81px;
        line-height: 81px;
        text-align: center;
      }
/*设置课程CSS规则*/
      .Sun ul li{width: 98px;height: 153px;}
      .Mon,.Tue,.Wed,.Thu,.Fri,.Sat,.Sun ul{margin-top: 1px;}
      .kc li{
        width: 98px;
        height: 153px;
        border-radius: 10px;
        border: 5px solid #fff;
        margin-bottom: 3px;
        margin-left: 2px;
        box-shadow: inset 0 1px 8px #666;
      }
      .kc li p{
        font-family: 华文宋体;
        color: black;
        font-size: 20px;
        width: 98px;
        height: 153px;
        display: -webkit-box;
        -webkit-box-align: center;
        -webkit-box-pack: center;
      }
    </style>
</head>
<body>



   <div class="nr">
    <div class="bt"><p>2021-2022学年第一学期课程表</p></div>
     <div class="TL"></div>
     <div class="Week">
       <ul>
         <li class="fl">一</li>
         <li class="fl">二</li>
         <li class="fl">三</li>
         <li class="fl">四</li>
         <li class="fl">五</li>
         <li class="fl">六</li>
         <li class="fl">日</li>
       </ul>
     </div>
     <div class="Source">
<!--       节数-->
       <div class="Num fl">
       <ul>
         <li>1</li>
         <li>2</li>
         <li>3</li>
         <li>4</li>
         <li>5</li>
         <li>6</li>
         <li>7</li>
         <li>8</li>
         <li>9</li>
         <li>10</li>
         <li>11</li>
         <li>12</li>
         <li>13</li>
         <li>14</li>
         <li>15</li>>
       </ul>
     </div>
<!--     星期一课程信息-->
     <div class="Mon fl">
       <ul class="kc">
        <li style="border: none;box-shadow: none;width: 98px;height: 250px;"></li>
         <li class="czxt"><p>数据库原理与应用</p></li>
         <li style="border: none;box-shadow: none;width: 98px;height: 153px;"></li>
         <li class="xsyzc"><p>美学原理与艺术</p></li>
         <li class="ui"><p>大学英语</p></li>
         <li style="border: none;box-shadow: none;width: 98px;height: 153px;"></li>
         <li class="ui"><p>跨学科研究</p></li>

     </div>
     <!--     星期二课程信息-->
     <div class="Tue fl">
       <ul class="kc">
         <li style="border: none;box-shadow: none;width: 98px;height: 250px;"></li>
         <li class="sjsj"><p>毛概理论实践</p></li>
         <li style="border: none;box-shadow: none;width: 98px;height: 153px;"></li>
         <li class="sjsj"><p>h5互动技术与应用</p></li>
         <li style="border: none;box-shadow: none;width: 98px;height: 153px;"></li>
         <li class="sjsj"><p>创业基础（实践）</p></li>

       </ul>
     </div>
     <!--     星期三课程信息-->
     <div class="Wed fl">
       <ul class="kc">
         <li style="border: none;box-shadow: none;width: 98px;height: 250px;"></li>
         <li class="rg"><p>户外体育游戏</p></li>
         <li style="border: none;box-shadow: none;width: 98px;height: 153px;"></li>

         <li style="border: none;box-shadow: none;width: 98px;height: 500px;"></li>

         <li class="ps"><p>大学英语</p></li>
       </ul>
     </div>
     <!--     星期四课程信息-->
     <div class="Thu fl">
       <ul class="kc">
          <li style="border: none;box-shadow: none;width: 98px;height: 250px;"></li>
         <li class="ui"><p>python语言</p></li>
         <li style="border: none;box-shadow: none;width: 98px;height: 153px;"></li>
         <li class="sjsj"><p>毛概理论</p></li>
         <li style="border: none;box-shadow: none;width: 98px;height: 250px;"></li>


       </ul>
     </div>
     <!--     星期五课程信息-->
     <div class="Fri fl">
       <ul class="kc">
         <li style="border: none;box-shadow: none;width: 98px;height: 250px;"></li>
         <li class="xsyzc"><p>AI软件</p></li>
         <li style="border: none;box-shadow: none;width: 98px;height: 500px;"></li>




       </ul>
     </div>

     <!--     星期六课程信息-->
     <div class="Sun fl">
       <ul class="kc">
         <li style="border: none;box-shadow: none;width: 98px;height: 500px;"></li>
       </ul>

     </div>
      <!--     星期日课程信息-->
     <div class="Sun fl">
       <ul class="kc">
         <li style="border: none;box-shadow: none;width: 98px;height: 500px;"></li>
       </ul>
     </div>


<footer class="text-muted py-5">
  <div class="container">
    <p class="float-end mb-1">
            <a href="/" class="btn btn-primary my-xl-1" style="color: whitesmoke;font-size: 20px">返回首页</a>
    </p>
</footer>
</body>
</html>
